<template>
	<div>
		<el-container>
			<el-header class="mainheader" style="background-color: rgb(102, 153, 204)">
				<el-row class="mainheader" style="background-color: rgb(102, 153, 204)">
					<el-col class="mainheader" :span="22" style="background-color: rgb(102, 153, 204)">
						<h1 style="color:white">His医院管理系统</h1>
					</el-col>
					<el-col class="mainheader" :span="2" >
						<el-menu  class="headermenu" mode="horizontal" style="background-color: rgb(102, 153, 204)">
							 <el-submenu index="1">
							    <template slot="title"><el-avatar src=" https://cube.elemecdn.com/0/88/03b0d39583f48206768a7534e55bcpng.png"></el-avatar></template>
							    <el-menu-item index="1-1">设置</el-menu-item>
							    <el-menu-item index="1-2">个人中心</el-menu-item>
								<router-link :to="{name:'login'}">
							    <el-menu-item index="1-3">退出登录</el-menu-item>
								</router-link>
								</el-submenu>
						</el-menu>
						</el-avatar>
					</el-col>
				</el-row>
			</el-header>
			<el-container>
				<el-aside class="main" style="width: 250px; background-color: rgb(255, 255, 255); height: 800px;">
					<el-row class="tac">
						<el-col :span="24">
							<el-menu default-active="2" class="el-menu-vertical-demo" @open="handleOpen"
								@close="handleClose" background-color="#f1fafa" text-color="#000000"
								active-text-color="#55aaff">
								<el-submenu index="3" >
									<template slot="title">
										<i class="el-icon-s-tools"></i>
										<span>系统信息</span>
									</template>
									<el-menu-item-group>
										<router-link :to="{name:'department'}">
											<el-menu-item index="3-1">
												科室管理
											</el-menu-item>
										</router-link>
										<router-link :to="{name:'schedul'}">
											<el-menu-item index="3-2">
												医生排班
											</el-menu-item>
										</router-link>
									</el-menu-item-group>
								</el-submenu>
								<el-submenu index="4" >
									<template slot="title">
										<i class="el-icon-first-aid-kit"></i>
										<span>药房管理</span>
									</template>
									<el-menu-item-group>
										<router-link :to="{name:'checkdrug'}">
											<el-menu-item index="4-1">
												药房发药
											</el-menu-item>
										</router-link>
										<router-link :to="{name:'refunddrug'}">
											<el-menu-item index="4-2">
												药房退药
											</el-menu-item>
										</router-link>
										<router-link :to="{name:'adddrug'}">
											<el-menu-item index="4-3">
												药品管理
											</el-menu-item>
										</router-link>
									</el-menu-item-group>
								</el-submenu>
							</el-menu>
						</el-col>
					</el-row>
				</el-aside>
				<el-main>
					<el-row>
						<router-view></router-view>
					</el-row>
				</el-main>
			</el-container>
		</el-container>
	</div>
</template>
<script>
</script>
<style>
	* {
		margin: 0px;
		padding: 0px;
		text-decoration: none;
		list-style: none;
	}
	.mainheader.el-header {
		line-height: 55px;
		background-color: #5e5e5e;
		text-align: center;
	}
	.headermenu.el-menu{
		background-color: #5e5e5e;
		}
    .mainheader.el-col{
		line-height: 55px;
		background-color: #5e5e5e;
		text-align: center;
	}
	.main.el-aside {
		width: 100px;
		background-color: #545c64;
		height: 650px;
	}
	/* .el-footer{
			height: 100px;
			background-color: #5e5e5e;
			text-align: center;
			} */
	.el-col {
		width: 100px;
		line-height: 80px;
		background-color: #00FFFF;
	}
	.tac {
		width: 100%;
	}
</style>
